<!DOCTYPE html>
<html>
	<head>
	    <!-- 页面meta -->
	    <meta charset="utf-8">
	    <title>商家审核</title>
	    <link rel="stylesheet" href="/plugins/bootstrap/css/bootstrap.min.css"/>
	    <link rel="stylesheet" href="/plugins/adminLTE/css/AdminLTE.css"/>
	    <link rel="stylesheet" href="/plugins/adminLTE/css/skins/_all-skins.min.css"/>
	    <link rel="stylesheet" href="/css/style.css"/>
		<script src="/plugins/jQuery/jquery-2.2.3.min.js"></script>
	    <script src="/plugins/bootstrap/js/bootstrap.min.js"></script>
		<script src="/js/vue.min.js"></script>
		<script src="/js/axios.min.js"></script>
		<script src="/js/pagination.js"></script>
		<script src="/js/controller/sellerController.js"></script>

	</head>

	<body class="hold-transition skin-red sidebar-mini"  >
		<div id="app">
			<!-- .box-body -->
			<div class="box box-primary">
				<div class="box-header with-border">
					<h3 class="box-title">商家审核</h3>
				</div>

				<div class="box-body">
					<!-- 数据表格 -->
					<div class="table-box">
						<!--工具栏-->
						<div class="box-tools pull-right">
							<div class="has-feedback">
								公司名称：<input v-model="searchEntity.name">
								店铺名称： <input v-model="searchEntity.nickName">
								<button class="btn btn-default" @click="search(1)">查询</button>
							</div>
						</div><br/>
						<!--工具栏/-->
						<!--数据列表-->
						<table id="dataList"
							class="table table-bordered table-striped table-hover dataTable">
							<thead>
								<tr>
									<th class="" style="padding-right: 0px"><input id="selall"
										type="checkbox" class="icheckbox_square-blue"></th>
									<th class="sorting_asc">商家ID</th>
									<th class="sorting">公司名称</th>
									<th class="sorting">店铺名称</th>
									<th class="sorting">联系人姓名</th>
									<th class="sorting">公司电话</th>
		
									<th class="text-center">操作</th>
								</tr>
							</thead>
							<tbody>
								<tr v-for="entity in dataList">
									<td><input type="checkbox"></td>
									<td>{{entity.sellerId}}</td>
									<td>{{entity.name}}</td>
									<td>{{entity.nickName}}</td>
									<td>{{entity.linkmanName}}</td>
									<td>{{entity.telephone}}</td>
		
									<td class="text-center">
										<button type="button" class="btn bg-olive btn-xs"
											data-toggle="modal" data-target="#sellerModal"
										@click="show(entity);">详情</button>
									</td>
								</tr>
							</tbody>
						</table>
						<!--数据列表/-->
						<pagination :pages="pages" :current="page" @navpage="search"/>
					</div>
					<!-- 数据表格 /-->
			</div>
			<!-- /.box-body -->

			<!-- 商家详情 -->
			<div class="modal fade" id="sellerModal" tabindex="-1" role="dialog"
				aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog modal-lg">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-hidden="true">×</button>
							<h3 id="myModalLabel">商家详情</h3>
						</div>
						<div class="modal-body">

							<ul class="nav nav-tabs">
								<li class="active"><a href="#home" data-toggle="tab">基本信息</a></li>
								<li><a href="#linkman" data-toggle="tab">联系人</a></li>
								<li><a href="#certificate" data-toggle="tab">证件</a></li>
								<li><a href="#ceo" data-toggle="tab">法定代表人</a></li>
								<li><a href="#bank" data-toggle="tab">开户行</a></li>
							</ul>


							<!-- 选项卡开始 -->
							<div id="myTabContent" class="tab-content">
								<div class="tab-pane active in" id="home">
									<br/>
									<table class="table table-bordered table-striped" width="800px">
										<tr>
											<td>公司名称</td>
											<td>{{entity.name}}</td>
										</tr>
										<tr>
											<td>公司手机</td>
											<td>{{entity.mobile}}</td>
										</tr>
										<tr>
											<td>公司电话</td>
											<td>{{entity.telephone}}</td>
										</tr>
										<tr>
											<td>公司详细地址</td>
											<td>{{entity.addressDetail}}</td>
										</tr>
									</table>
								</div>
								<div class="tab-pane fade" id="linkman">
									<br/>
									<table class="table table-bordered table-striped">
										<tr>
											<td>联系人姓名</td>
											<td>{{entity.linkmanName}}</td>
										</tr>
										<tr>
											<td>联系人QQ</td>
											<td>{{entity.linkmanQq}}</td>
										</tr>
										<tr>
											<td>联系人手机</td>
											<td>{{entity.linkmanMobile}}</td>
										</tr>
										<tr>
											<td>联系人E-Mail</td>
											<td>{{entity.linkmanEmail}}</td>
										</tr>
									</table>
								</div>
								<div class="tab-pane fade" id="certificate">
									<br>
									<table class="table table-bordered table-striped">
										<tr>
											<td>营业执照号</td>
											<td>{{entity.licenseNumber}}</td>
										</tr>
										<tr>
											<td>税务登记证号</td>
											<td>{{entity.taxNumber}}</td>
										</tr>
										<tr>
											<td>组织机构代码证号</td>
											<td>{{entity.orgNumber}}</td>
										</tr>
									</table>
								</div>
								<div class="tab-pane fade" id="ceo">
									<br>
									<table class="table table-bordered table-striped">
										<tr>
											<td>法定代表人</td>
											<td>{{entity.legalPerson}}</td>
										</tr>
										<tr>
											<td>法定代表人身份证号</td>
											<td>{{entity.legalPersonCardId}}</td>
										</tr>
									</table>
								</div>
								<div class="tab-pane fade" id="bank">
									<br>
									<table class="table table-bordered table-striped">
										<tr>
											<td>开户行名称</td>
											<td>{{entity.bankName}}</td>
										</tr>
										<tr>
											<td>开户行支行</td>
											<td>{{entity.bankUser}}</td>
										</tr>
										<tr>
											<td>银行账号</td>
											<td>{{entity.brief}}</td>
										</tr>
									</table>
								</div>
							</div>
							<!-- 选项卡结束 -->


						</div>
						<div class="modal-footer">
							<button class="btn btn-success" data-dismiss="modal"
									@click="updateStatus(entity.sellerId,1)"
								aria-hidden="true">审核通过</button>
							<button class="btn btn-danger" data-dismiss="modal"
									@click="updateStatus=(entity.sellerId,2)"
								aria-hidden="true">审核未通过</button>
							<button class="btn btn-danger" data-dismiss="modal"
									@click="updateStatus=(entity.sellerId,3)"
								aria-hidden="true">关闭商家</button>
							<button class="btn btn-default" data-dismiss="modal"
								aria-hidden="true">关闭</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>